body,html{
	width: 100%;
	height: 100%;
}
*{
	margin: 0;
	padding: 0;
}

.wrap div{
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
/*.list .item.frist{
	border-top: 1px solid #ddd;
}*/
.head, .foot{
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	background: red;
}
.head img{
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateY(4px) rotate(180deg);
	transition: transform 200ms;
}
.foot img{
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateY(4px) rotate(0deg);
	transition: transform 200ms;
}
.head.up img{
	transform: translateY(4px) rotate(0deg);
}
.foot.down img{
	transform: translateY(4px) rotate(180deg);
}